html {
    height: 99%;
}
body {
    height: 99%;
}

#show_sidebar_box {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 10%;
    height: auto;
    background: #333;
    color: #fff;
}
#show_sidebar_box {
    top: 0em;
    z-index: 9999;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}
#sidebar_box {
    height: 40%;
    z-index: 10;
}
#sidebar_box a { color: #fff; }
#sidebar_box a:visited { color: #fff; }
#sidebar_box a:hover { color: #f00; }
#login_status form {
    float: left;
}


#logo_name {
    text-shadow: rgb(255,255,255,1.0) 0px 0px 2px;
    -webkit-box-reflect: below 10px
    -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.8)));
}

#login_status *{
    font-size: 10px;
}



#main_frame {
    margin: auto;
    margin-top: 1%;
    padding: 0px;
    width: 96%;
    height: 93%;
    background-image: url("/images/frame_back.jpg");

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    border:1px solid #ddd;
    -webkit-box-shadow:0 0 100px black;
    -moz-box-shadow:0 0 10px black;
    padding:10px;
}

#main_frame_info {
    width: 100%;
    height: 4%;
    min-height: 32px;
    margin: 0px;
    padding: 0px;
}

#logo, #logo_name, #notice {
    float: left;
}

#logo {
    height: 32px;
    width: 32px;
}

#logo_name {
    max-width: 40%;
    font-size: 1.2em;
    line-height: 1em;
}

#main_body_info, #article_info, #page_number {
    float: right;
}

#main_body_info {
    float: right;

}


#main_body {
    margin: 2%;
    height: 88%;
}